import { createTheme } from "@mui/material";

export const navigationTheme = createTheme({
    components: {
        MuiBottomNavigation: {
            defaultProps: {
                showLabels: true
            },
            styleOverrides: {
                root: {
                    backgroundColor: "#000000",
                },
            },
        },
        MuiBottomNavigationAction: {
            styleOverrides: {
                root: {
                    color: "#ffffff",
                    padding: 0,
                    minWidth: 0
                },
            },
        },
        MuiPaper: {
            defaultProps: {
                component: 'nav',
                sx: {
                    position: "sticky",
                    bottom: 0,
                    left: 0,
                    right: 0,
                    display: { xs: "block", md: "none" },
                }
            }
        }
    }
})